<template>
    <div v-if ="loading" class=" loadingDiv justify-center"><q-spinner-bars :color="color" :size="size"/></div>
</template>

<script>
    export default {
        name: "LoadingBox",
        props: {
            value:{},
            loading: {
                type: Boolean,
                default: true
            },
            color: {
                type: String,
                default: 'green'
            },
            size: {
                type: String,
                default: '20'
            },
        }
    }
</script>

<style scoped>
    .loadingDiv{
        height: 100%;
        width: 100%;
        margin-top: 50%;
    }
</style>
